// JavaScript Document
 
$(document).ready(function() {
	var _click = false;
	$('.selectarea').css('width',function(){
		var _w = $('.select').width();
		//alert('_w'+_w);
		$('.selectedvalue').css('width',_w);
		_w = parseInt(_w) + $('.selectedmore').width() + 11;
		//alert('_w'+_w);
		$('.select').css('width',_w);
		$('.select li').css('width',_w);
		return _w;
	})
	$('.selectedvalue').html($('.select li:first').html())
	$('.selectarea').hover(function() {
		$(this).css('border','solid 1px #4287c2');
	}, function() {
		if(_click) {
			return false;
		}
		$(this).css('border','solid 1px #cdcbd0');
	});
	
	$('.selected').hover(function() {
		$('.selectedmore').addClass('selectedmore_hover');
	} , function() {
		$('.selectedmore').removeClass('selectedmore_hover');
	}).click(function() {
		$('.select').slideToggle(500);
		$('.selectedvalue').css({
			'background':'#FFF'
		});
		_click = true;
	});
	
	$('.select li').hover(function() {
		$('.select li').css('background','#FFF');
		$(this).css('background','#3399ff');
	}).click(function() {		//$('.isselected').css('background','#3399ff');
		$('.select li').removeClass('isselected');
		$(this).addClass('isselected');
		$('.selectedvalue').html($(this).html()).css({
			'background':'#3399ff'
		});
		$('.select').hide();
		//alert($(this).attr('classname'));
	});
	
	$(document).click(function(event) {
		var _target = event.target.className;
		if(_click) {
			if(_target != 'selectarea' && _target != 'selectedmore selectedmore_hover' && _target != 'selectedvalue' && _target != 'selected' && _target != 'isselected' ){
				$('.select').hide();
				$('.selectarea').css('border','solid 1px #cdcbd0');
				$('.selectedvalue').css('background','#FFF');
				_click = false;
			}
		}
	})
	
})